<template>
    <van-config-provider :theme-vars="themeVars">
        <div class="sdy-header"></div>
    <sdyContainer></sdyContainer>
    <!-- v-if判断不在路由页面时，底部导航不显示 -->
    <sdyFooter v-if="!$route.meta.hidFooter"></sdyFooter>
    </van-config-provider>
</template>
<script setup lang="ts">
import { themeVars } from '@/config/theme'
//导入指定组件

import sdyContainer from '@/views/SdyContainer/index.vue'
import sdyFooter from '@/views/SdyFooter/index.vue'

// vue@3中没有this。需要拿到$route，从vue-router解构出来
import { useRoute } from 'vue-router';
import type { RouteLocationNormalizedLoaded } from 'vue-router';
const $route: RouteLocationNormalizedLoaded = useRoute()
// console.log($route);

</script>
<style scoped lang="scss">

</style>
